import { ref } from 'vue'
import { defineStore } from 'pinia'
export const useCityStore = defineStore('cityList', () => {


    // 定义一个cityList数组
    const cityList = ref([])

    // 新增：控制添加按钮可见性的状态，cityview.vue中的add按钮
    const isAddVisible = ref(true)


    // ，可以通过右上角的"+"号按钮保存起来   控制这条信息的状态
    const titleVisible = ref(true)


    // 给cityList  push内容的函数
    function addCity(city) {
        // 防止重复添加  使用some查找  (只要有相同的就返回true，对这个过程取反，说明有相同的之后就false了，if后面的就不执行了)
        if (!cityList.value.some(item => item.adcode === city.adcode)) {
            cityList.value.push({ name: city.city, tem: city.temperature, adcode: city.adcode })
        }
    }

    function deleteCity(adcode) {
        cityList.value = cityList.value.filter(item => item.adcode != adcode)
    }

    /* 定义了一个count状态、计算属性、函数 */
    // 在函数中定义什么内容，就要return什么内容
    return { cityList, addCity, deleteCity, isAddVisible, titleVisible }
},
    {
        // 2: 添加 persist 配置项 
        persist: true, // 设置为 true 即可启用该 Store 的持久化
    }

)